import React from 'react';
import {createIconSetFromFontello} from 'react-native-vector-icons';

import clIconConfig from '../../config/iconfont.json';
// 自定义icon
// ios中 需要在项目Xcode文件中 Add file to xiangmu, 并在info.plist中的 fonts provided by application加入改字体文件
// android 需要在 android/app/src/main/assets/fonts文件夹下添加该ttf文件
clIconConfig.glyphs = clIconConfig.glyphs.map(item => {
  item.css = item.font_class;
  item.code = item.unicode_decimal;
  return item;
});
/**
 * react-native-vector-icons 插件坑
 * @description 注意 createIconSetFromFontello 传入的配置格式：
 * @param {{name?: string, glyphs: Array<{css: 'icon名称', code: 'code编码'}>}} clIconConfig 注意，阿里字体图标库提供好的json配置文件中没有css 和 code 字段 只有font_class 和 unicode_decimal 注意替换
 */
const CLIcon = createIconSetFromFontello(clIconConfig, 'iconfont');

const PatIcon = ({name = '', size = 12, color = '#eee'}) => {
  return <CLIcon name={name} size={size} color={color} />;
};

export default PatIcon;
